<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>背景图片</title>
    <style>
        div {
            width: 300px;
            height: 300px;
            /* 不要落下url */
            background-image: url(wangze.png);
            background-repeat: no-repeat;
            background-color: pink;
            /* background-repeat: repeat-x; */
            /* background-position: 方位名词 */
            background-position: center top;
            /* 20px 50px x轴一定是20 y轴一定是50 */
            background-position: 20px 50px;
        }

        div {
            width: 120px;
            height: 40px;
            /* background-color: pink; */
            font-size: 16px;
            
            font-weight: 400;
            background-image: url(yuan.png);
            background-repeat: no-repeat;
            line-height: 40px;
            background-position: left center;
            text-indent: 1.5em;
        }
        body{
           
            /* background-image: url(zhutu.png); */
            /* background-repeat: no-repeat; */
            /* background-position: center 40px; */
            /* 固定图片 */
            /* background-attachment: fixed;      */
            background: url(zhutu.png)  no-repeat  fixed center 40px;
        }
    </style>
</head>

<body>
    <!-- <div></div> -->
    <div >成长守护平台</div>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
   <P>八仙过海，各显神通</P>
</body>

</html>